@import "../../common";

.server-container {
  position: relative;
  margin-bottom: 24rpx;
  .service-box {
    background-color: #ffffff;
    border-radius: 24rpx;
    padding: 0 24rpx;
  }

  .common-question {
    @include flex-space-between;
    height: 98rpx;

    .title {
      @include fontStyle(32, 32, #000000, 500);
    }

    .more {
      @include fontStyle(28, 28, #999999, 400);
      @include flex;

      image {
        @include size(24, 24);
        margin-left: 6rpx;
      }
    }
  }

  .question-list {
    .question-item {
      @include flex;
      height: 98rpx;
      box-sizing: border-box;
      border-top: 1rpx solid #EEEEEE;
      font-size: 28rpx;
      color: #666666;

      navigator {
        display: block;
        width: 100%;
        height: 100%;
        line-height: 98rpx;
      }
    }
  }

  .btn-box {
    box-sizing: border-box;
    padding: 24rpx;
    position: fixed;
    bottom: 68rpx;
    left: 0;
    width: 100%;
    padding-bottom: env(safe-area-inset-bottom);
    z-index: 20;
    .btn {
      height: 90rpx;
      border-radius: 45rpx;
      background-color: var(--color-theme);
      @include fontStyle(36, 36, #FFFFFF, 500);
      @include flex-center;

      button {
        padding: 0;
        margin: 0;
        width: 100%;
        height: 100%;
        background-color: transparent;
        @include fontStyle(36, 36, #FFFFFF, 500);
        @include flex-center;
      }
    }
  }
}
